<div role="main" class="container">
  <div class="container-fluid" style="margin-top:3em;">


    <div class="row-fluid">

      <div class="span13">



	

<div class="eventframe" >

                                <div ng-show="eventcreatefailed">



                                    <alert class="alert-danger" type="danger" close="eventcreatefailed=false">{{retStatus}}</alert>
                                </div>


		<h2 class="btn-info">
	 Register new bettable event
	</h2>
    <p>
	            <ul class="eventcreate">
                
                            <form name="eventCreateForm" ng-submit="createEvent()" method="POST">

<li>
		<h4>First, name the event for betting. Examples could be "Will someone walk on the moon in 2014?" or "Result of Everton-Liverpool, nov. 9 2014"</h4>
</li>
		<input type="text" ng-model="eventToPost.name" size="60" class="form-control better-placeholder" placeholder="short description"><br>


<li>
		<h4>Next, describe it more detailed (if necessary). A description is optional, but often smart to avoid misunderstandings, so go ahead and explain what you mean here.</h4>

		<input type="text" ng-model="eventToPost.description" size="60" class="form-control better-placeholder" placeholder="description"><br>
</li>

<li>
<h4>Choose possible outcomes</h4>

<div class="btn-group">
  <button type="button" class="btn btn-default btn-xs" ng-click="addOption()">+</button>
  <button type="button" class="btn btn-default btn-xs" ng-click="removeOption()">-</button>
</div>

        <div ng-repeat="anoption in theoptions track by anoption.name">
            <input ng-model="anoption.name" class="form-control better-placeholder"/>
        </div>
</li>

<li>
<h4>When is this</h4>
    <div class="dropdown">
    <a class="dropdown-toggle my-toggle-select" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="">
        <div class="input-append"><input type="text" class="input-large" data-ng-model="eventToPost.eventtime"><span class="add-on"><i
                class="icon-calendar"></i></span>
        </div>
    </a>
        <ul class="dropdown-menu" role="menu">
            <datetimepicker data-ng-model="eventToPost.eventtime" data-on-set-time="onTimeSet" />
        </ul>
    </div>
</li>




<li>

<h4>Betting deadline</h4>

<button class="btn btn-default btn-sm" type="button" ng-click="deadlinestatus.isBetdeadlineDisabled = ! deadlinestatus.isBetdeadlineDisabled">Different from event time</button>

    <div ng-show="deadlinestatus.isBetdeadlineDisabled">
    <div class="dropdown">
    <a class="dropdown-toggle my-toggle-select" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="">
        <div class="input-append"><input type="text" class="input-large" data-ng-model="eventToPost.betdeadline"><span class="add-on"><i
                class="icon-calendar"></i></span>
        </div>
    </a>
        <ul class="dropdown-menu" role="menu">
            <datetimepicker data-ng-model="eventToPost.betdeadline" data-on-set-time="onTimeSet" />
        </ul>
    </div>
</div>
</li>

<li>
<h4>Choose category</h4>

        <select ng-model="eventToPost.category" ng-options="category for category in categories"></select>

</li>

<li ng-show="!eventToPost.privateEvent">
<h4>Event is public</h4>
</li>

<li ng-show="eventToPost.privateEvent">
<h4>Event is private</h4>
</li>

<li>
<h4>Private</h4>
    <input type="checkbox" class="form-control" ng-model="eventToPost.privateEvent"/> 
</li>

<li ng-show="eventToPost.privateEvent">
<h4>Invite people to participate.</h4>
           
<div class="btn-group">
  <button type="button" class="btn btn-default btn-xs" ng-click="addInvite()">+</button>
  <button type="button" class="btn btn-default btn-xs" ng-click="removeInvite()">-</button>
</div>

        <div ng-repeat="aninvite in theinvited track by aninvite.email">
            <input type="email" ng-model="aninvite.email" class="form-control better-placeholder" placeholder="email here"/>
        </div>

</li>



                                <input type="Submit" class="btn btn-primary" value="Register" />

</form>

            </ul>




</div>
	

</div>
</div>
</div>
</div>